import React from 'react';

export default function App() {
    return (
        <div>
            <Child name={'hhl'}/>
        </div>
    )
}

interface IProps{
    name: string
}

// 第一种写法
// function Child(props:IProps) {
//     return(
//         <div>
//             {props.name}
//         </div>
//     )
// }

// 第二种写法
const Child:React.FC<IProps> = (props) => {
    return(
        <div>
            {props.name}
        </div>
    )
}